
/**
 * @desc 这个文件用于公用样式或者公用变量
 */

/**
 * @desc 主题色
 * @desc 使用方法：color:@themeColor;  
 */
@themeColor:#FDC46F;

@baseColor:#FEAC32;

// 白色
@whiteC:#fff;

// 灰色
@gray9C:#999;

//浅灰色
@grayBFC:#BFBFBF;

// 边框颜色
@borderC:#E6E6E6;

/**
 * @desc 设置自定义颜色。
 * @desc 使用方法： .color(#fff);  
 */
.color(@color){
  color: @color;
}

/**
 * @desc 设置自定义字体大小。
 * @desc 使用方法： .color(#fff);  
 */
 .fs(@size){
  font-size: @size;
}

/**
 * @desc 设置自定义圆角。
 * @desc 使用方法： .radius(5px);  
 */
 .radius(@size){
  border-radius: @size;
}

/**
 * @desc 设置自定义透明度。
 * @desc 使用方法： .opacity(.7);  
 */
 .opacity(@x){
  opacity: @x;
}

/**
 * @desc 括号里面的数字记得带单位,用于设置高度和行高。
 * @desc 使用方法： .lineH(20upx);  
 */
.lineH(@num) {
  height: @num;
  line-height: @num; 
}

/**
 * @desc 用于清除浮动。
 * @desc 使用方法： .clr;  
 */
.clr {
  &:after {
    content: "";
    display: table;
    clear: both;
    overflow: hidden;
  }
}

/**
 * @desc 用于左浮动。
 * @desc 使用方法： .fl;  
 */
.fl {
  float: left;
}

/**
 * @desc 用于右浮动。
 * @desc 使用方法： .fr;  
 */
.fr {
  float: right;
}

/**
 * @desc 用于浅灰背景。
 * @desc 使用方法： .bgF5;  
 */
.bgF5{
  background: #f5f5f5;
}

/**
 * @desc 用于一行显示不完需要使用省略号的情况。
 * @desc 使用方法： .fontHideOne;  
 */
.fontHideOne {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/**
 * @desc 用于多行显示不完需要使用省略号的情况，填入第几行出现省略号就行。
 * @desc 使用方法： .fontHideMore(行数);  
 */
.fontHideMore(@num) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: @num;
  -webkit-box-orient: vertical;
}

/**
 * @desc 用于只有一行文字两端对齐的情况。使用的时候，文字与文字之间一定要加一个空格
 * @desc 使用方法： .textAlignJustify;  
 */
.textAlignJustify{
  text-align: justify;
  text-align-last:justify;
  &::after{
    content: '';
    display: inline-block;
    width: 100%;
    position: absolute;
  }
}
